
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="keywords" th:content="${application.webInfo.keyword}">
    <meta name="description" content="">
    <meta name="robots" content="all">
    <meta property="og:title" content="南京鼎尚装饰">
    <meta property="og:description" content="">
    <meta property="og:image" content="">
    <meta property="og:site_name" content="南京鼎尚装饰">
    <title th:text="${application.webInfo.pageTitle}"></title>
    <link rel="shortcut icon" href="/img/favicon.ico" />
    <link href="/css/swiper.min.css" rel="stylesheet">
    <link href="/css/index-pc.css" rel="stylesheet">

</head>
<body class="body-hide" id="topNavCon" value="">
<noscript>Your browser does not support javascript</noscript>
<!-- 案例点击出现按钮 -->
<div class="case-show-btn-contain">
    <div class="case-show-btn" id="caseShowBtn">
        <i class="icon"></i>
        <span class="info">经典案例</span>
    </div>
</div>
<!-- 左上角案例总容器 -->
<div class="fixed-case-container" id="caseToggleContent">
    <div class="case-scroll-v-content">
        <div class="close-btn-contain"><div class="toggle-burger" id="caseToggleCloseBtn"><div class="close-btn"><i></i><i></i></div></div></div>
        <h3 class="head-contain">筑梦空间</h3>
        <!-- 案例列表容器 -->
        <div class="case-content-contain" id="case_listBody">

        </div>
    </div>
</div>
<div class="case-show-mask-1"></div>
<!-- 首页banner -->
<div class="index-banner-container swiper-container-horizontal" id="indexBannerCon" style="cursor: grab;">
    <div class="index-banner-wrapper swiper-wrapper" id="headListBody" style="width: 5464px; transform: translate3d(-1366px, 0px, 0px); transition-duration: 0ms;">



    </div>
</div>
<!-- 首页banner指示器 -->
<div class="index-indicator-container" id="indexIndCon">
    <div class="logo-contain">
        <div>
            <!--<img class="logo-eng" src="/img/logo1.png" alt="">-->
        </div>
        <div>
            <!--<img class="logo-cn" src="/images/11.png" alt="">-->
        </div>
    </div>
    <div class="index-swiper-contain"></div>
</div>
<div class="show-info-btn" id="showInfoBtn">
    <i class="circle-1"></i>
    <i class="circle-2"></i>
    <i class="circle-3"></i>
</div>
<!-- 导航 -->
<div class="nav-container">
    <div class="nav-contain">
        <ul class="navLv1-ul" id="navDiv">
            <li class="navLv1-li">
                <a class="navLv1-a active" href="/pc/index/view.do">
                    <div class="ch-eng-nav-1"><span>主页</span><span>Home</span></div><i></i>
                </a>
            </li>

        </ul>
        <div class="cooperation-btn" id="cooFormShowBtn">
            <img src="../../frontfile/images/icon/common/cooperative-consultaion-icon.png" alt=""/>
        </div>
    </div>
</div>
<!-- 合作预约表单 -->
<div class="cooperation-container" id="cooFormCon">
    <div class="title"><h5 id="cooperationId">合作预约</h5><div class="close-btn" id="cooFormCloseBtn"></div></div>
    <div class="common-form black-bg" action="">
        <label class="half-label-l"><input id="team" type="text" placeholder="集团(必填)"></label>
        <label class="half-label-r"><input id="name" type="text" placeholder="姓名(必填)"></label>
        <label class="half-label-l"><input id="phone" type="text" placeholder="电话(必填)"></label>
        <label class="half-label-r"><input id="email" type="text" placeholder="电子邮件(必填)"></label>
        <label class="half-label-l"><input id="job" type="text" placeholder="职位(必填)"></label>
        <label class="half-label-r"><input id="city" type="text" placeholder="城市位置(必填)"></label>
        <label class="whole-label"><input id="projectType" type="text" placeholder="项目类型(必填)"></label>
        <textarea id="content" placeholder="委托内容"></textarea>
        <button class="common-btn" type="submit" onclick="cooperationBtn()">保存</button>
    </div>
</div>


<script src="/js/jquery-2.2.4.min.js"></script>
<script src="/js/swiper-3.4.2.js"></script>
<script src="/js/index-js.js"></script>
<script src="/js/common.js"></script>
<script src="/js/pc/index.js"></script>
<script>
    $(document).ready(function () {
        loadBanners();
        loadNav();
    });

    function loadNav() {
        $.ajax({
            url: '/listEnableNav',
            type: 'POST', //GET
            async: true,    //或false,是否异步
            data: {
            },
            timeout: 10000,    //超时时间
            dataType: 'json',    //返回的数据格式：json/xml/html/script/jsonp/text
            success: function (ajaxData, textStatus, jqXHR) {
                if (1000 != ajaxData.code) {
                    layer.alert(ajaxData.message, {icon: 6},function () {});
                    return;
                }

                let msg = '';
                let results = ajaxData.data;
                for (let i=0; i<results.length;i++) {
                    let xx = results[i];
                    msg += ' <li class="navLv1-li">\n' +
                        '                <a class="navLv1-a" href="'+xx.navHref+'">\n' +
                        '                    <div class="ch-eng-nav-1"><span>'+xx.navTitle+'</span><span>'+xx.navTitleEn+'</span></div><i></i>\n' +
                        '                </a>\n' +
                        '            </li>';

                }

                $('#navDiv').html(msg);

            }
        });
    }
    function loadBanners() {

        $.ajax({
            url: '/bo/homePicure/list.html',
            type: 'POST', //GET
            async: true,    //或false,是否异步
            data: {
            },
            timeout: 10000,    //超时时间
            dataType: 'json',    //返回的数据格式：json/xml/html/script/jsonp/text
            success: function (ajaxData, textStatus, jqXHR) {
                if (1000 != ajaxData.code) {
                    layer.alert(ajaxData.message, {icon: 6},function () {});
                    return;
                }

                let msg = '';
                let results = ajaxData.data;
                for (let i=0; i<results.length;i++) {
                    let xx = results[i];
                    msg += '<a class="index-banner-list swiper-slide index-banner-list-prev" style="background-image: url('+xx.picUrl+'); width: 1366px;" href="###">\n' +
                        '            <div class="index-banner-mask"></div>\n' +
                        '            <div class="intro-container">\n' +
                        '                <div class="linear-line"></div>\n' +
                        '                <div class="title-contain"><h3>'+xx.picTitle+'</h3></div>\n' +
                        '                <div class="intro-contain">\n' +
                        '                    <p>\n' +
                        '               '+xx.picDesc+'         \n' +
                        '                    </p>\n' +
                        '                </div>\n' +
                        '            </div>\n' +
                        '        </a>';
                }


                $('#headListBody').html(msg);

            }
        });
    }
</script>
</body>
</html>